<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 
        元素类型   => 18 
            div p ul ol li dl dt dd h1-h6   => 块级元素
            a span i em b strong u          => 内联元素
            img input                       => 内联块元素 

            float   position 隐式 

            display:block/inline/inline-block  强制/显示


     -->


    <input type="text">
    <input type="text">
</body>
<script>
    // string  number  boolean    null   undefined      和      number   运算
    // 字符串   数字    布尔值      空值       
    
    
    // string 和 number  运算(算术运算符)

    // (1)  字符串 遇到 "+" 会拼接形成新的字符串
    // 他说:"我有1头小毛驴"     => 他说:"我有" + 100 + "头小毛驴";

    // (2)  字符串 遇到 "- * / %" 会先转数字 再运算
    //  a.  纯数字的字符串  =>  数字
    //  a.  非纯数字的字符串  =>  NaN  (NaN和任何数运算 依旧是NaN)


    // 纯数字
    var a = "10";
    var b = 3;

    // +
    // console.log(a + b);  // "10" + 3  => "103"
    // console.log(b + a);  // 3  +  "10" => "310"

    // console.log(a - b);
    // console.log(a * b);
    // console.log(a / b);
    // console.log(a % b);

    // 非纯数字
    var a = "10a";
    var b = 3;

    // +
    console.log(a + b);  // "10a" + 3  => "10a3"
    console.log(b + a);  // 3  +  "10a" => "310a"

    console.log(a - b);
    console.log(a * b);
    console.log(a / b);
    console.log(a % b);






    
</script>
</html>